
// 需求：循环遍历一个数组，使用ul>li来生成前端的书籍：DOM编程艺术，Vue深入浅出，JS高级编程
const Books = ['DOM编程艺术','Vue深入浅出','JS高级编程']

function JSXFor() {
    return (
        <div>
            {/* 循环遍历books数组生成li标签 */}
            <ul>
                {
                    // jsx中的循环遍历一定是调用map方法来进行的，注意的是在遍历中输入的jsx要使用()来输出，如果使用{}是不行的
                    Books.map(item => (
                        <li>{item }</li>
                    ))
                }
            </ul>
        </div>
    )
}

export default JSXFor